<!--created by Chuanpeng.zhu@dhc.com.cn-->
<ion-view view-title="分页实例">
  <ion-content>
    <ion-refresher pulling-text="下拉刷新" refreshing-text="正在刷新" on-refresh="init()"></ion-refresher>
    <div class="padding">
      <p>大多数的List数据展示都需要分页。</p>
      <label class="background padding inline-block width-100">
        <input class="width-100 padding" type="text" ng-model="data.value">
      </label>

      <div>
        <p>修改上面的input里的文字，然后下拉刷新，看看页面有没有刷新。</p>
      </div>

      <div class="margin-10" ng-repeat="item in dataList track by $index">
        <div ng-bind="item.text" class="margin-top-20 border margin-bottom-25 padding"></div>
      </div>
      <div ng-if="!hasMore" class="text-align-c">没有更多了。。。</div>
    </div>
    <ion-infinite-scroll on-infinite="loadData(true)" distance="1%" immediate-check="false" ng-if="hasMore">
    </ion-infinite-scroll>
  </ion-content>
</ion-view>ss
